<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
         // 数据劫持数据代理  主要是操作对象的属性


         var obj = {
            name:'张三',
            age:18
         }

         console.log(obj.name);
         obj.name = '李四';

         console.log(obj);


         // 上面 我们能获取对象的属性对应的值
         // 也能修改对象属性的值  

         // 唯独 捕获不到 用户修改属性 获取属性的行为  


         // 一次针对一个属性   只要这一个属性的值被获取或者修改 立马有相应的动作
         // 一次针对多个属性   只要这多个属性的值被获取或者修改 立马有相应的动作
         // es6语法 简化一次针对多个属性  


         
    </script>
</body>
</html>